<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>分享内容删除</title>
		<link rel="shortcut icon" href="images/favicon.ico">
		<link rel="shortcut icon" href="images/favicon.ico">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<link rel="stylesheet" href="bootstrap-3.3.5-dist/css/bootstrap.min.css">
	</head>
	<style>
		.del{text-align: center;}
		.del img{width:100%;}
		.del p{text-align: center; color: #c9caca;}
		.del button{width:2rem; margin-top: 5px; margin-bottom: 15px; height: 0.5rem; background-color: #e1b161; border: none; border-radius: 0.05rem; color: #ffffff; letter-spacing: 0.02rem;}
	</style>
	<body>
		<div class="container-fluid del">
			    <div class="row">
			    		<div class="col-xs-12" >
			    			<img src="images/tupian.png" />
			    			<p>原文内容已经被删除不见啦～</p>
			    			<a href="https://itunes.apple.com/cn/app/id1215236776?mt=8"><button>下载圈城APP</button></a>
			    			<p>了解更多有趣内容！</p>
			    		</div>
			    </div>
		  </div>
		
	</body>
	<script>
		
		//1.首次加载的时候，计算rem赋值给根元素里面的font-size。
		setRemSize();
		//2.当用户更改浏览器宽度自动获取屏幕宽度，再计算rem赋值给根元素里面的font-size
		window.addEventListener("resize",setRemSize,false);
		function setRemSize(){
			//获取rem值    rem =100 * (屏幕宽度 / 设计稿宽度) +"px";
			var _clientWidth=100*(document.documentElement.clientWidth / 576) + "px";
			//判断，是否屏幕宽度大于设计稿宽度
			if (document.documentElement.clientWidth >= 576) {
				//如果是，用设计稿的宽度作为rem的值赋给根元素的font-size
				document.documentElement.style.fontSize="100px";
			} else {
				//如果不是，将得到的rem值赋给根元素的font-size
				document.documentElement.style.fontSize=_clientWidth;
			}
		};

		
</script>
</html>
